<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="description" content="{{site.description}}">
    <meta name="keywords" content="{{site.keywords}}" />
    <meta property="og：title" content="{{site.title}}" />
    <meta property="og：description" content="{{site.description}}" />
    <title>{{site.title}}-{{site.name}}</title>
    {{include './common/meta.html'}}
    <link rel="stylesheet" href="{{base_url}}/css/message.css">
<body class="bg-f8f8f8 pos-r">
    <!-- 头部 -->
    {{include './common/header.html'}}

    <!-- 头条文章 -->
    <main class="bg-f2f2f2 pt-10 pb-20 flex">
        <div class="main center mt-10 flex gap-20">
            <aside class="flex-1">
                <!-- tag标签 -->
                <section class="notices pos-s pd-20 mb-20 bg-fff" style="top：80px;z-index： 2;">
                    <h3 class="m-title border-dashed f-16 flex justify-between">「ABOUT」关于我们</h3>
                    <ul class="mt-10">
                        <li class="f-16 pt-4 pb-4 flex bold  pl-10"><a href="" title="">关于作者</a></li>
                        <li class="f-16 pt-4 pb-4 flex bold pl-10"><a href="" title="">最新动态</a></li>
                    </ul>
                </section>
            </aside>

            <!-- 最新文章 -->
            <article class="article-index">
                <div class="bg-fff radius-6 pd-25">
                    <header class="border-b pos-r mb-20">
                        <h2 class="f-26 c-252933  bold mt-10">「ONLINE」在线留言</h2>
                    </header>
                    <article class="article-cont f-17 lh-35" id="app">
                        <!-- <form id="feedbackForm">

                            <div class="flex mb-10">
                                <label class="col-6 justify-end" for="category">分类：</label>
                                <select id="category" class="w-full" name="category">
                                    <option value="1">咨询</option>
                                    <option value="2">建议</option>
                                    <option value="3">投诉</option>
                                    <option value="4">其他</option>
                                </select>
                            </div>

                            <div class="flex mb-10">
                                <label class="require col-6 justify-end" for="title">标题：</label>
                                <input type="text" class="w-full" id="title" required name="title">
                            </div>

                            <div class="flex mb-10">
                                <label class="require col-6 justify-end" for="name">姓名：</label>
                                <input type="text" class="w-full" id="name" required name="name">
                            </div>

                            <div class="flex mb-10">
                                <label class="require col-6 justify-end" for="tel">电话：</label>
                                <input type="tel" class="w-full" id="tel" submitForm name="tel">
                            </div>

                            <div class="flex mb-10">
                                <label class="col-6 justify-end" for="wechat">微信：</label>
                                <input type="text" class="w-full" id="wechat" name="wechat">
                            </div>
							
							 <div class="flex mb-10">
                                <label class="col-6 justify-end" for="wechat">公司：</label>
                                <input type="text" class="w-full" id="wechat" name="company">
                            </div>

                            <div class="flex mb-10">
                                <label class="require col-6 justify-end" for="content">描述：</label>
                                <textarea id="content" class="w-full" submitForm name="content"></textarea>
                            </div>

                            <div class="flex">
                                <label class="col-6 justify-end"></label>
                                <div class="w-full"><button type="button" onclick="captcha()">提交</button></div>
                            </div>

                        </form>
 -->

                    </article>
                </div>
            </article>
        </div>
    </main>

    <!-- footer -->
    {{include './common/footer.html'}}
    <!-- 移动端导航 -->
    {{include './common/wap-nav.html'}}
    <script src="{{base_url}}/js/Chan.umd.js"></script>
    <script>
        CHAN.message('#app');
    </script>

</body>

</html>